<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 引入normalize.css文件 -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- 引入index.css文件 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入flexible.js文件 -->
    <script src="js/flexible.js"></script>
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="css/iconfont.css">
    <!-- 引入index2.css -->
    <link rel="stylesheet" href="css/index2.css">
    <!-- 引入自定义动画函数 -->
    <script src="js/anmate(自定义移动动画).js"></script>
    <title>仿苏宁易购(Suning.com)送货更准时</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
    <!-- 顶部搜索栏 -->
    <div class="search-content">
        <a href="javascript:;" class="classify"></a> 
        <input id="search" type="text" name="" placeholder="厨卫保暖季 厨房酱油美味鲜">
        <a class="login" href="javascript:;">登陆</a>
        <!-- 广告 -->
        <div class="search-adv">
            <a href="javascript:;">
                <img src="images/ad.jpg" alt="">
            </a>
        </div>
    </div>

    <!-- focus焦点图 -->
    <section class="banner">

        <!-- 焦点图图片 -->
        <ul class="focus-img">
           <li><a href="javascript:;"><img src="./upload/banner.gif" alt=""></a></li>
           <li><a href="javascript:;"><img src="./images/focus1.jpg" alt=""></a></li>
           <li><a href="javascript:;"><img src="./images/focus2.jpg" alt=""></a></li>
           <li><a href="javascript:;"><img src="./images/focus3.jpg" alt=""></a></li>
           <li><a href="javascript:;"><img src="./images/focus4.png" alt=""></a></li>
        </ul>

        <!-- 小圆点 -->
        <ol class="circle"></ol>
    </section>

    <!-- 广告区域 -->
    <section class="adv">
        <a href="javascript:;"><img src="./upload/ad1.gif" alt=""></a>
        <a href="javascript:;"><img src="./upload/ad2.gif" alt=""></a>
        <a href="javascript:;"><img src="./upload/ad3.gif" alt=""></a>
    </section>

    <!-- nav区域 -->
    <section class="nav">
        <nav>
            <a href="javascript:;"><img src="./images/nav-1.png" alt="">
            <span>限时抢购</span></a>
            <a href="javascript:;"><img src="./images/nav-2.png" alt="">
            <span>苏宁超市</span></a>
            <a href="javascript:;"><img src="./images/nav-3.png" alt="">
            <span>苏宁拼购</span></a>
            <a href="javascript:;"><img src="./images/nav-4.png" alt="">
            <span>爆款手机</span></a>
            <a href="javascript:;"><img src="./images/nav-5.png" alt="">
            <span>苏宁家电</span></a>
            <a href="javascript:;"><img src="./images/nav-6.png" alt="">
            <span>免费兑好物</span></a>
            <a href="javascript:;">
                <img src="./images/nav-7.png" alt="">
                <span>赚钱</span>
            </a>
            <a href="javascript:;"><img src="./images/nav-8.png" alt="">
            <span>签到有礼</span></a>
            <a href="javascript:;"><img src="./images/nav-9.png" alt="">
            <span>签劵中心</span></a>
            <a href="javascript:;"><img src="./images/nav-10.png" alt="">
            <span>更多频道</span></a>
        </nav>
    </section>

    <!-- 广告区域2 -->
    <section class="adv">
        <a href="javascript:;"><img src="./images/adv2-3.gif" alt=""></a>
        <a href="javascript:;"><img src="./images/adv2-2.gif" alt=""></a>
        <a href="javascript:;"><img src="./images/adv2-1.gif" alt=""></a>
    </section>

    <!-- 广告区域3:招揽新用户 -->
    <section class="adv-3">
        <div class="img-content">
            <a href="javascript:;"><img src="images/adv3-3.png" alt=""></a>
            <a href="javascript:;"><img src="images/adv3-2.gif" alt=""></a>
            <a href="javascript:;"><img src="images/adv3-1.gif" alt=""></a>
        </div>
    </section>

    <!-- 限时抢购 -->
    <section class="main-content">
        <div class="content">
            <div class="timer-content">
                <span>限时抢购</span>
                <div class="time">
                    <span id="hours">00</span> :
                    <span id="min">00</span> :
                    <span id="sec">00</span>
                </div>
                <p>潮流好物限时抢</p>
                <ul>
                    <li>
                        <img src="images/goods1.jpg" alt="">
                        <span>￥<span>5</span>.9</span>
                    </li>
                    <li>
                        <img src="images/goods2.jpg" alt="">
                        <span>￥<span>5</span>.8</span>
                    </li>
                </ul>
            </div>
            <div class="perfer">
                <span>大聚惠</span>
                <p>好货一元秒</p>
                <ul>
                    <li>
                        <a href="javascript:;">
                        <img src="images/goods3.jpg" alt="">
                        <span>小米</span>
                        </a>
                </li>
                    <li><a href="javascript:;"><img src="images/goods4.jpg" alt=""><span>清风</span></a></li>
                </ul>
            </div>
            <div class="rushbuy">
                <div class="international">
                    <span>苏宁国际</span>
                    <p>精选全球好物</p>
                    <ul>
                        <li><a href="javascript:;"><img src="images/goods5.jpg" alt=""><span>假一赔十</span></a></li>
                        <li><a href="javascript:;"><img src="images/goods6.jpg" alt=""><span>每日抽奖</span></a></li>
                    </ul>
                </div>
                <div class="bluck">
                        <span>苏宁拼购</span>
                        <p>2人瓶更实惠全场包邮</p>
                        <ul>
                            <li><a href="javascript:;"><img src="images/goods7.jpg" alt=""><span>2人拼12.5</span></a></li>
                            <li><a href="javascript:;"><img src="images/goods8.jpg" alt=""><span>2人拼6.8</span></a></li>
                        </ul>
                </div>
            </div>
            <div class="recommend">
                <div class="tittle">
                    <span>为您推荐</span>
                    <p>精选频道</p>
                </div>
                <div class="channel">
                    <ul>
                        <li><a href="javascript:;"><img src="images/goods9.jpg" alt=""><span>生活家电</span></a></li>
                        <li><a href="javascript:;"><img src="images/goods10.jpg" alt=""><span>苏宁Outlets</span></a></li>
                        <li><a href="javascript:;"><img src="images/goods11.jpg" alt=""><span>新品首发</span></a></li>
                        <li><a href="javascript:;"><img src="images/goods12.jpg" alt=""><span>0元试用</span></a></li>
                    </ul>
                </div>
            </div>
            <div class="news">
                <div class="news-logo">
                    <img src="images/苏宁头条.png" alt="">
                </div>
                <div class="news-content">
                    <div class="focuslist">
                            <div class="list-move">
                                <ul>
                                    <li>
                                        <a href="javascript:;">
                                        <span>热门</span>
                                        <span>1孩子挑食真的是因为娇气吗?sadasdsadasaaaaaaasdadadsasd</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                        <span>热门</span>
                                        <span>2孩子挑食真的是因为娇气吗?sadasdsadasaaaaaaasdadadsasd</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                        <span>热门</span>
                                        <span>2-1孩子挑食真的是因为娇气吗?sadasdsadasaaaaaaasdadadsasd</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                        <span>热门</span>
                                        <span>2-2孩子挑食真的是因为娇气吗?sadasdsadasaaaaaaasdadadsasd</span>
                                        </a>
                                    </li>
                            </ul>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 苏宁logo -->
    <div class="Logo">
        <img class="sn-logo" src="images/sn-logo.png" alt="">
    </div>

    <!-- 菜单栏 -->
    <section class="menu">
        <div class="login-img">
            <a href="javascript:;"><img src="images/login-img.png" alt=""></a>
        </div>
        <div class="menu-content">
            <ul>
                <li><a href="javascript"><span class="iconfont">首页</span></a></li>
                <li><a href="javascript"><span class="iconfont">分类</span></a></li>
                <li><a href="javascript"><span class="iconfont">务抢清单</span></a></li>
                <li><a href="javascript"><span class="iconfont">购物车</span></a></li>
                <li><a href="javascript"><span class="iconfont">我的易购</span></a></li>
            </ul>
        </div>
    </section>

    <!-- app logo -->
    <div class="app">
        <a href="javascript:;">
            <img src="images/su-app.png" alt="">
        </a>
    </div>

    <!-- goback返回顶部 -->
    <div class="goback">
        <a class="iconfont" href="javascript:;"></a>
    </div>
    <script src="js/index.js"></script>
</body>
</html>